$colorPackages: (
    default: (
        themeColor: #666,
        frontColor: #666,
        bgColor: #ccc,
    ),
    primary: (
        themeColor: #409eff,
        frontColor: #fff,
        bgColor: #409eff,
    ),
    secondary: (
        themeColor: lighten(#409eff, 10%),
        frontColor: #fff,
        bgColor: lighten(#409eff, 10%),
    ),
    success: (
        themeColor: #67c23a,
        frontColor: #fff,
        bgColor: #67c23a,
    ),
    warning: (
        themeColor: #e6a23c,
        frontColor: #fff,
        bgColor: #e6a23c,
    ),
    error: (
        themeColor: #f56c6c,
        frontColor: #fff,
        bgColor: #f56c6c,
    ),
);

$defaultBgColor: #fff;
$defaultShadowColor: #ccc;
$defaultBorderColor: #dedede;

$sizePackages: (
    xs: (
        size: 20px,
        fontSize: 12px,
        borderRadius: 2px,
        space: 5px,
    ),
    s: (
        size: 30px,
        fontSize: 13px,
        borderRadius: 4px,
        space: 10px,
    ),
    m: (
        size: 40px,
        fontSize: 14px,
        borderRadius: 6px,
        space: 15px,
    ),
    l: (
        size: 50px,
        fontSize: 15px,
        borderRadius: 8px,
        space: 20px,
    ),
    xl: (
        size: 60px,
        fontSize: 16px,
        borderRadius: 10px,
        space: 25px,
    ),
);

$directions: (
    "": (
        "top",
        "right",
        "bottom",
        "left",
    ),
    h: (
        "left",
        "right",
    ),
    v: (
        "top",
        "bottom",
    ),
    t: "top",
    r: "right",
    b: "bottom",
    l: "left",
);

$spaceProps: (
    m: "margin",
    p: "padding",
);
$ratios: (
    "": 1,
    n: -1,
    "0": 0,
);
